<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>鲜花</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2945959_10t5op3afeek.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/flower.css">
  <link rel="stylesheet" href="swiper2/swiper-bundle.css">
</head>

<body>
  <!-- 顶部 -->
  <div class="top-bar">
    <div class="contenter">
      <div class="l-box">
        <div class="collect">
          <i class="iconfont icon-shoucang"></i>
          <a href="javascript:;">收藏浪漫天使鲜花礼品</a>
        </div>
        <div class="weixin">
          <i class="iconfont icon-weixin"></i>
          <a href="javascript:;">关注微信</a>
          <div class="qr_code">
            <img src="./img/qr/qr.jpg" alt="">
            <p>扫一扫 有惊喜</p>
          </div>
        </div>
      </div>
      <div class="r-box">
        <ul>
          <li class="f-item">
            <a href="./login.html" class="log-in">你好，请登录</a>
            <a href="./sign.html" class="sign-in">注册</a>
          <li>
            <span>|</span>
          <li>
            <a href="./login.html" class="col-r">我的订单</a>
          </li>
          <span>|</span>
          <li> <a href="./shopping_car.html" class="shop-car">
              <i class="iconfont icon-gouwuche"></i>
              购物车
              <span>(0)</span>
            </a>
          </li>
          <span>|</span>
          <li>
            <a href="./see_older.html" class="col-r">订单查询</a>
          </li>
          <span>|</span>
          <li>
            <a href="settle.html" class="col-r">结账通道</a>
          </li>
          <span>|</span>
          <li>
            <a href="#" class="col-r">购物流程</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 头部 -->
  <div class="header">
    <div class="contenter">
      <div class="logo"><a href="./index.html"><img src="./img/logo/logo.jpg" alt=""></a></div>
      <div class="search">
        <div class="top">
          <input type="text" name="" id="text" placeholder="商品关键字">
          <div class="btn">搜索</div>
        </div>
        <div class="bto">
          <a href="#">浪漫爱情</a>
          <a href="#">99朵玫瑰</a>
          <a href="#">蓝色妖姬</a>
          <a href="#">生日礼物</a>
          <a href="#">商务花篮</a>
          <a href="#">鲜花礼盒</a>
          <a href="#">纪念日鲜花</a>
        </div>
      </div>
      <div class="relation">
        <div class="num">
          <i class="iconfont icon-dianhuatianchong"></i>
          400-9919-650
        </div>
        <div class="service">
          <i class="iconfont icon-wodekefu"></i><a href="#">在线客服</a>
        </div>
      </div>
    </div>
  </div>
  <!-- nav -->
  <div class="nav ">
    <div class="contenter clearfix">
      <!--全品导购  -->
      <div class="l-list">
        <span>全部商品导购</span><i class="iconfont icon-xiala"></i>
        <div class="meun">
          <h3>鲜花用途</h3>
          <ul class="clearfix">
            <li><a href="#">爱情鲜花 </a></li>
            <li><a href="#"> 生日鲜花 </a></li>
            <li><a href="#"> 友谊鲜花 </a></li>
            <li><a href="#"> 领导长辈 </a></li>
            <li><a href="#"> 探病慰问 </a></li>
            <li><a href="#"> 99朵 </a></li>
            <li><a href="#"> 祝贺鲜花 </a></li>
            <li><a href="#"> 商务鲜花</a></li>
            <li><a href="#"> 道歉鲜花</a></li>
            <li><a href="#"> 纪念日花</a></li>
          </ul>
          <h3>鲜花类别
          </h3>
          <ul class="clearfix">
            <li><a href="#"> 鲜花礼盒 </a></li>
            <li><a href="#"> 花束</a></li>
            <li><a href="#"> 开业花篮 </a></li>
            <li><a href="#"> 会议桌花 </a></li>
            <li><a href="#"> 99朵 </a></li>
            <li><a href="#"> 玩偶花束 </a></li>
          </ul>
          <h3>鲜花花材
          </h3>
          <ul class="clearfix">
            <li><a href="#">玫瑰 </a></li>
            <li><a href="#"> 百合 </a></li>
            <li><a href="#"> 向日葵 </a></li>
            <li><a href="#"> 康乃馨 </a></li>
            <li><a href="#"> 满天星 </a></li>
            <li><a href="#"> 勿忘我 </a></li>
            <li><a href="#"> 雏菊 </a></li>
          </ul>
        </div>
      </div>
      <!-- 右侧列表 -->
      <div class="r-list">
        <a href="./index.html" class="index">首页</a>
        <a href="./flower.html" class="yi-a index active">鲜花</a>
        <a href="./y-s_flower.html" class="yi-a index">永生花</a>
        <a href="./s-w_flower.html" class="yi-a index">商务花篮</a>
        <a href="./l-z_flower.html" class="yi-a index">绿植花卉</a>
        <!-- 二级列表1 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>花材：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">玫瑰</a></li>
              <li><a href="#">百合</a></li>
              <li><a href="#">99朵玫瑰</a></li>
              <li><a href="#">蓝色妖姬</a></li>
              <li><a href="#">向日葵</a></li>
              <li><a href="#">康乃馨</a></li>
              <li><a href="#">满天星</a></li>
              <li><a href="#">勿忘我</a></li>
              <li><a href="#">郁金香</a></li>
              <li><a href="#">马蹄莲</a></li>
              <li><a href="#">手提花篮</a></li>
              <li><a href="#">雏菊</a></li>
              <li><a href="#">鲜花礼盒</a></li>
              <li><a href="#">桔梗</a></li>
              <li><a href="#">高端花束</a></li>
              <li><a href="#">包月鲜花</a></li>
              <li><a href="#">创意花束</a></li>
            </ul>
          </div>
          <!-- 第二行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>用途：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">友谊送花</a></li>
              <li><a href="#">浪漫爱情</a></li>
              <li><a href="#">生日鲜花</a></li>
              <li><a href="#">致歉鲜花</a></li>
              <li><a href="#">慰问祝福</a></li>
              <li><a href="#">悼念鲜花</a></li>
            </ul>
          </div>
          <!-- 第三行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>枝数：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">9枝</a></li>
              <li><a href="#">11枝</a></li>
              <li><a href="#">19枝</a></li>
              <li><a href="#">21枝</a></li>
              <li><a href="#">33枝</a></li>
              <li><a href="#">66枝</a></li>
              <li><a href="#">99枝</a></li>
              <li><a href="#">108枝</a></li>
              <li><a href="#">365枝</a></li>
              <li><a href="#">999枝</a></li>
              <li><a href="#">9999枝</a></li>
            </ul>
          </div>
          <!-- 第四行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>价格：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">100-200元</a></li>
              <li><a href="#">200-300元</a></li>
              <li><a href="#">300-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800-1500元</a></li>
              <li><a href="#">1500元以上</a></li>
            </ul>
          </div>
          <!-- 第五行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>颜色：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">红色</a></li>
              <li><a href="#">粉色</a></li>
              <li><a href="#">白色</a></li>
              <li><a href="#">蓝色</a></li>
              <li><a href="#">香槟色</a></li>
              <li><a href="#">黄色</a></li>
              <li><a href="#">紫色</a></li>
            </ul>
          </div>
        </div>
        <!-- 二级列表2 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>种类：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">经典花盒</a></li>
              <li><a href="#">玻璃罩摆件</a></li>
              <li><a href="#">创意永生花</a></li>
              <li><a href="#">网红PE花</a></li>

            </ul>
          </div>

        </div>
        <!-- 二级列表3 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>种类：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">商业花篮</a></li>
              <li><a href="#">会议桌花</a></li>
              <li><a href="#">礼仪胸花</a></li>
            </ul>
          </div>
          <div class="item1 clearfix">
            <div class="l">
              <span>价格：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">200元以下</a></li>
              <li><a href="#">200-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800-1200元</a></li>
              <li><a href="#">1200元以上</a></li>
            </ul>
          </div>
        </div>
        <!-- 二级列表4 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>盆栽绿植</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">盆栽绿植</a></li>
            </ul>
          </div>
          <!-- 第二行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>盆栽花卉</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">盆栽花卉</a></li>
            </ul>
          </div>
          <!-- 第三行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>按价格</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">200以内</a></li>
              <li><a href="#">200-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800以上</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--内容-->
  <div class="page">
    <div class="contenter ">
      <div class="l-hot">
        <!-- 热品 -->
        <div class="tit">
          热销排行
        </div>
        <div class="bod">
          <div class="hot_list">
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
          </div>
        </div>
        <!-- 浏览记录 -->
        <div class="tit">
          浏览记录
        </div>
        <div class="bod">
          <div class="hot_list">
            <a href="./goods.html" class="hot_item">
              <img src="./img/flower/hot1.jpg" alt="">
              <p>鲜花 · 永远的情 </p>
              <span>￥299</span>
            </a>
          </div>

        </div>
      </div>
      <div class="r-page">
        <!-- 轮播图 -->
        <div class="swiper-container">
          <div class="swiper-wrapper">
                       <div class="swiper-slide"><a href="goods.html"><img src="./img/flower/banner/banner1.jpg"></a></div>
            <div class="swiper-slide"><a href="goods.html"><img src="./img/flower/banner/banner2.jpg"></a></div>
            <div class="swiper-slide"><a href="goods.html"><img src="./img/flower/banner/banner3.jpg"></a></div> 
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>
        </div>
        <!-- 二级列表1 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>花材：</span>
            </div>
            <ul class="r" id="lis">
              <li class="active" ><a class="dd" href="#">全部</a></li>
              <li><a class="dd" href="#" >玫瑰</a></li>
              <li><a class="dd" href="#" >百合</a></li>
              <li><a class="dd" href="#" >99朵玫瑰</a></li>
              <li><a class="dd" href="#" >蓝色妖姬</a></li>
              <li><a class="dd" href="#" >向日葵</a></li>
              <li><a class="dd" href="#" >康乃馨</a></li>
              <li><a class="dd" href="#" >满天星</a></li>
              <li><a class="dd" href="#" >勿忘我</a></li>
              <li><a class="dd" href="#" >郁金香</a></li>
              <li><a class="dd" href="#" >马蹄莲</a></li>
              <li><a class="dd" href="#" >手提花篮</a></li>
              <li><a class="dd" href="#" >雏菊</a></li>
              <li><a class="dd" href="#" >鲜花礼盒</a></li>
              <li><a class="dd" href="#" >桔梗</a></li>
              <li><a class="dd" href="#" >高端花束</a></li>
              <li><a class="dd" href="#" >包月鲜花</a></li>
              <li><a class="dd" href="#" >创意花束</a></li>
            </ul> 
          </div>
          <!-- 第二行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>用途：</span>
            </div>
            <ul class="r" id="lis">
              <li class="active"><a class="dd" href="#">全部</a></li>
              <li><a class="dd" href="#">友谊送花</a></li>
              <li><a class="dd" href="#">浪漫爱情</a></li>
              <li><a class="dd" href="#">生日鲜花</a></li>
              <li><a class="dd" href="#">致歉鲜花</a></li>
              <li><a class="dd" href="#">慰问祝福</a></li>
              <li><a class="dd" href="#">悼念鲜花</a></li>
            </ul>
          </div>
          <!-- 第三行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>枝数：</span>
            </div>
            <ul class="r" id="lis">
              <li class="active"><a class="dd" href="#">全部</a></li>
              <li><a class="dd" href="#">9枝</a></li>
              <li><a class="dd" href="#">11枝</a></li>
              <li><a class="dd" href="#">19枝</a></li>
              <li><a class="dd" href="#">21枝</a></li>
              <li><a class="dd" href="#">33枝</a></li>
              <li><a class="dd" href="#">66枝</a></li>
              <li><a class="dd" href="#">99枝</a></li>
              <li><a class="dd" href="#">108枝</a></li>
              <li><a class="dd" href="#">365枝</a></li>
              <li><a class="dd" href="#">999枝</a></li>
              <li><a class="dd" href="#">9999枝</a></li>
            </ul>
          </div>
          <!-- 第四行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>价格：</span>
            </div>
            <ul class="r" id="lis">
              <li class="active"><a class="dd" href="#">全部</a></li>
              <li><a class="dd" href="#">100-200元</a></li>
              <li><a class="dd" href="#">200-300元</a></li>
              <li><a class="dd" href="#">300-500元</a></li>
              <li><a class="dd" href="#">500-800元</a></li>
              <li><a class="dd" href="#">800-1500元</a></li>
              <li><a class="dd" href="#">1500元以上</a></li>
            </ul>
          </div>
          <!-- 第五行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>颜色：</span>
            </div>
            <ul class="r" id="lis">
              <li class=" active"><a class="dd" href="#">全部</a></li>
              <li><a class="dd" href="#">红色</a></li>
              <li><a class="dd" href="#">粉色</a></li>
              <li><a class="dd" href="#">白色</a></li>
              <li><a class="dd" href="#">蓝色</a></li>
              <li><a class="dd" href="#">香槟色</a></li>
              <li><a class="dd" href="#">黄色</a></li>
              <li><a class="dd" href="#">紫色</a></li>
            </ul>
          </div>
        </div>
        <!-- 选择器 -->
        <div class="filtration">
          <ul>
            <li><a href="javascript:;" class="chang active">综合</a></li>
            <li><a href="javascript:;" class="chang">销量<i class="iconfont icon-xiala1"></i></a></li>
            <li><a href="javascript:;" class="chang">价格<i class="iconfont icon-xiala1"></i></a></li>
            <li><a href="javascript:;" class="chang">最新<i class="iconfont icon-xiala1"></i></a></li>
          </ul>
          <div class="ser_num">
            <span id="change">1</span>
            /
            <span class="sum_num">24</span>
          </div>
        </div>
        <!-- 商品列表 -->
        <div class="gos_list">
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
          <div class="gos_item">
            <a href="./goods.html" class="img">
              <img src="./img/flower/page.jpg" alt="">
            </a>
            <p>￥189</p>
            <a class="desc" href="#">
              <h3> LOVE YOU</h3>
              <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
            </a>
            <div class="pay">
              <a href="./shopping_carT.html" class="take">
                <i class="iconfont icon-yinxingqia"></i>
                <span>立即购买</span>
              </a>
              <a href="./shopping_carT.html" class="shop_car">
                <i class="iconfont icon-gouwuche"></i>
                <span>加入购物车</span>
              </a>
            </div>
          </div>
            <div class="gos_item">
              <a href="./goods.html" class="img">
                <img src="./img/flower/page.jpg" alt="">
              </a>
              <p>￥189</p>
              <a class="desc" href="#">
                <h3> LOVE YOU</h3>
                <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
              </a>
              <div class="pay">
                <a href="./shopping_carT.html" class="take">
                  <i class="iconfont icon-yinxingqia"></i>
                  <span>立即购买</span>
                </a>
                <a href="./shopping_carT.html" class="shop_car">
                  <i class="iconfont icon-gouwuche"></i>
                  <span>加入购物车</span>
                </a>
              </div>
            </div>
            <div class="gos_item">
              <a href="./goods.html" class="img">
                <img src="./img/flower/page.jpg" alt="">
              </a>
              <p>￥189</p>
              <a class="desc" href="#">
                <h3> LOVE YOU</h3>
                <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
              </a>
              <div class="pay">
                <a href="./shopping_carT.html" class="take">
                  <i class="iconfont icon-yinxingqia"></i>
                  <span>立即购买</span>
                </a>
                <a href="./shopping_carT.html" class="shop_car">
                  <i class="iconfont icon-gouwuche"></i>
                  <span>加入购物车</span>
                </a>
              </div>
            </div>
            <div class="gos_item">
              <a href="./goods.html" class="img">
                <img src="./img/flower/page.jpg" alt="">
              </a>
              <p>￥189</p>
              <a class="desc" href="#">
                <h3> LOVE YOU</h3>
                <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
              </a>
              <div class="pay">
                <a href="./shopping_carT.html" class="take">
                  <i class="iconfont icon-yinxingqia"></i>
                  <span>立即购买</span>
                </a>
                <a href="./shopping_carT.html" class="shop_car">
                  <i class="iconfont icon-gouwuche"></i>
                  <span>加入购物车</span>
                </a>
              </div>
            </div>
            <div class="gos_item">
              <a href="./goods.html" class="img">
                <img src="./img/flower/page.jpg" alt="">
              </a>
              <p>￥189</p>
              <a class="desc" href="#">
                <h3> LOVE YOU</h3>
                <h2>9支红玫瑰 绿叶 白色满天星丰满</h2>
              </a>
              <div class="pay">
                <a href="./shopping_carT.html" class="take">
                  <i class="iconfont icon-yinxingqia"></i>
                  <span>立即购买</span>
                </a>
                <a href="./shopping_carT.html" class="shop_car">
                  <i class="iconfont icon-gouwuche"></i>
                  <span>加入购物车</span>
                </a>
              </div>
            </div>
          <!-- 序列表 -->
          <div class="page-wrapper">
            <ul>
              <li><a href="#" class="li_a non prev">«</a></li>
              <li><a class="li_a active" id="move" href="javascript:;">1</a></li>
              <li><a class="li_a" id="move" href="javascript:;">2</a></li>
              <li><a class="li_a" id="move" href="javascript:;">3</a></li>
              <li><a class="li_a" id="move" href="javascript:;">4</a></li>
              <li><a class="li_a" id="move" href="javascript:;">5</a></li>
              <li><a class="li_a" id="move" href="javascript:;">6</a></li>
              <li><a class="li_a" id="move" href="javascript:;">7</a></li>
              <li><a class="li_a" id="move" href="javascript:;">8</a></li>
              <li><a class="li_a non" href="javascript:;">...</a></li>
              <li><a class="li_a" id="move" href="javascript:;">23</a></li>
              <li><a class="li_a" id="move" href="javascript:;">24</a></li>
              <li><a class="li_a next" href="#">»</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>




  <!-- 页脚 -->
  <div class="footer">
    <div class="contenter">
      <div class="f-list">
        <ul class="f-item">
          <li><a href="#" class="f-th">新手指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员注册</a></li>
          <li><a href="#">会员积分</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">如何付款</a></li>
          <li><a href="#">在线支付常见问题</a></li>
          <li><a href="#">取消订单</a></li>
          <li><a href="#">支付说明</a></li>
          <li><a href="#">支付宝说明</a></li>
          <li><a href="#">国际客户支付</a></li>
          <li><a href="#">上门收款</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">配送方式</a></li>
          <li><a href="#">浪漫天使鲜花礼品网之服务细说</a></li>
          <li><a href="#">配送费用收取标准</a></li>
          <li><a href="#">配送服务说明</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">售后服务</a></li>
          <li><a href="#">投诉处理</a></li>
          <li><a href="#">修改订单信息说明</a></li>
          <li><a href="#">蛋糕售后说明</a></li>
          <li><a href="#">绿植售后说明</a></li>
          <li><a href="#">鲜花售后说明</a></li>
        </ul>
        <ul class="f-item">
          <li><span class="s-th">联系我们</span></li>
          <li><span>全国订购热线：400-9919-650（免长途费）</span></li>
          <li><a href="#">在线客服</a></li>
          <li><span>7x12小时在线订购</span></li>
          <li><span>客服工作时间：8:00-22:00</span></li>
          <li><span>E-mail: <a href="#">lmtshua@163.com</a> </span></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- copy -->
  <div class="copy">
    <ul>
      <li><a href="#">首页</a><span>|</span></li>
      <li><a href="#">关于我们</a><span>|</span></li>
      <li><a href="#">联系我们</a><span>|</span></li>
      <li><a href="#">服务监督</a><span>|</span></li>
      <li><a href="#">支付说明</a><span>|</span></li>
      <li><a href="#">购物流程</a></li>
    </ul>
    <p><a href="#">苏ICP备18042816号</a>
      Copyright © 2012 - 2021</p>
    <p><a href="#">cxhua.njspsm.cn</a>
      南京笙鹏商贸有限公司</p>
  </div>
<!-- 右侧固定定位 -->
<div class="flex-r">
  <div class="tit">
    在线客服
  </div>
  <div class="bod">
      <a id="vx_btn" href="javascript:;" class="img"><img src="./img/flex-r/flex-r1.jpg" alt=""></a>
      <a href="https://shang.qq.com//open_webaio.html" class="img"><img src="./img/flex-r/flex-r2.jpg" alt=""></a>
      <a href="#" class="img"><img src="./img/flex-r/flex-r3.jpg" alt=""></a>
      <a href="https://bft.zoosnet.net/LR/Chatpre.aspx?id=BFT91720170&lng=cn&r=&rf1=&rf2=&p=http%3A//cxhua.njspsm.cn/&cid=93dacbf6f28647afa8af36196890b8f9&sid=626511d240d94e4092398b9d4f4063e8" class="img"><img src="./img/flex-r/flex-r4.jpg" alt=""></a>
      <a id="t-img"><img src="./img/flex-r/flex-top.jpg" alt=""></a>
  </div>
</div>
<!-- 微信弹出 -->
  <div id="vx" class="vx_bg">
    <div class="vx_box">
      <div class="tit">
        <span>微信客服</span>
        <i id="v_box_close">×</i>
      </div>
      <div class="bod">
        <p>如您无法扫码，请加微信号<span> 1585405952 </span>进行咨询。</p>
        <div class="img"><img src="http://img.21xianhua.com/upload/2020/05/14/593fb8d8b2e45a08ca7de59b83306655" alt=""></div>
      </div>
      <div class="foot">
        <button id="v_box_close">关闭</button>
      </div>
    </div>
  </div>
  <!-- 下方固定 -->
  <div id="flex-b">
    <img id="off" src="./img/flex-b/close.gif" alt="">
    <a href="#"><img class="bg" title="如果您有什么问题,请点击此处进行即时沟通;"
        src=https://bft.zoosnet.net/site/91720170/onlineimgsrc_cn.jpg alt=""></a>
  </div>
</body>
<script src="js/base.js"></script>
<script src="swiper2/swiper-bundle.js"></script>
<!-- 轮播引入 -->
<script>
  var mySwiper = new Swiper('.swiper-container', {
    loop: true, // 循环模式选项
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

  })
  for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
    mySwiper.pagination.bullets[i].onmouseover = function () {
      this.mouseout();
    };
  }
  mySwiper.params.pagination.clickable = true;
  //此外还需要重新初始化pagination
  mySwiper.pagination.destroy()
  mySwiper.pagination.init()
  mySwiper.pagination.bullets.eq(0).addClass('swiper-pagination-bullet-active');
</script>
<script src="js/jquery3.5.1.js"></script>
<script src="js/flower.js"></script>
</html>